<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="js/layer/skin/default/layer.css" />
		<link rel="stylesheet" href="css/style.css" />
		<title></title>

	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
			<a class="mui-action-back mui-icon mui-icon-arrowthinleft mui-pull-left"></a>
			<h1 class="mui-title">收货地址</h1>
			<a href="" class="mui-pull-right sharing">
				<span class="tm-df-size tm-font-green tm-font-bold">添加</span>
			</a>
		</header>

		<div class="mui-content">

			<div class="uk-margin-small-top">
				<div class="addres-card tm-df-size">
					<div class="main-content">
						<div class="tm-label">
							<div class="tm-flex">
								<div class="tm-flex-1">
									<span>收货人：会飞的猫</span>
								</div>
								<div>
									<span>18600000000</span>
								</div>
							</div>
						</div>
						<div class="tm-label-no">
							<div class="tm-inline-1-3">
								收货地址：湖北省武汉市武昌区中南路中建广场C座24F中南路中建广场C座24F
							</div>
						</div>

						<div class="tm-flex-row">
							<div class="tm-flex flex-pack-end">
								<div class="main-ide-group">
									<div class="tm-flex">
										<a href="javascript:;" id="open-layer" class="tm-icon-item tm-icon-btn">
											<div class="tm-icon">
												<img src="images/del.png" alt="" width="16" height="16" />
											</div>
											<div class="tm-icon-label tm-font-gray">
												删除
											</div>
										</a>
										<a href="" class="tm-icon-item tm-icon-btn">
											<div class="tm-icon">
												<img src="images/ide.png" alt="" width="16" height="16" />
											</div>
											<div class="tm-icon-label tm-font-gray">
												编辑
											</div>
										</a>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>

				<div class="addres-card tm-df-size">
					<div class="main-content">
						<div class="tm-label">
							<div class="tm-flex">
								<div class="tm-flex-1">
									<span>收货人：会飞的猫</span>
								</div>
								<div>
									<span>18600000000</span>
								</div>
							</div>
						</div>
						<div class="tm-label-no">
							<div class="tm-inline-1-3">
								收货地址：湖北省武汉市武昌区中南路中建广场C座24F中南路中建广场C座24F
							</div>
						</div>

						<div class="tm-flex-row">
							<div class="tm-flex flex-pack-end">
								<div class="main-ide-group">
									<div class="tm-flex">
										<a href="" class="tm-icon-item tm-icon-btn">
											<div class="tm-icon">
												<img src="images/del.png" alt="" width="16" height="16" />
											</div>
											<div class="tm-icon-label tm-font-gray">
												删除
											</div>
										</a>
										<a href="" class="tm-icon-item tm-icon-btn">
											<div class="tm-icon">
												<img src="images/ide.png" alt="" width="16" height="16" />
											</div>
											<div class="tm-icon-label tm-font-gray">
												编辑
											</div>
										</a>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>

				<div class="addres-card tm-df-size">
					<div class="main-content">
						<div class="tm-label">
							<div class="tm-flex">
								<div class="tm-flex-1">
									<span>收货人：会飞的猫</span>
								</div>
								<div>
									<span>18600000000</span>
								</div>
							</div>
						</div>
						<div class="tm-label-no">
							<div class="tm-inline-1-3">
								收货地址：湖北省武汉市武昌区中南路中建广场C座24F中南路中建广场C座24F
							</div>
						</div>

						<div class="tm-flex-row">
							<div class="tm-flex flex-pack-end">
								<div class="main-ide-group">
									<div class="tm-flex">
										<a href="" class="tm-icon-item tm-icon-btn">
											<div class="tm-icon">
												<img src="images/del.png" alt="" width="16" height="16" />
											</div>
											<div class="tm-icon-label tm-font-gray">
												删除
											</div>
										</a>
										<a href="" class="tm-icon-item tm-icon-btn">
											<div class="tm-icon">
												<img src="images/ide.png" alt="" width="16" height="16" />
											</div>
											<div class="tm-icon-label tm-font-gray">
												编辑
											</div>
										</a>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		
		<!--layer-->

		<div id="layer" style="display: none;">
			<div class="tm-layer-header tm-default-size tm-font-default">
				<div class="tm-label-lg">
					<div class="uk-text-center tm-inline-1-5 tm-df-size tm-font-bold">
						确认删除该收货地址？
					</div>
				</div>
			</div>
			<div class="tm-layer-body">

			</div>
			<div class="tm-layer-footer">
				<div class="tm-label-lg">
					<div class="main-content-md">
						<div class="to-btn-group">
							<ul class="uk-grid">
								<li class="uk-width-1-2">
									<button id="close-layer" type="button" class="mui-btn mui-btn-block">取消</button>
								</li>
								<li class="uk-width-1-2">
									<button type="button" class="mui-btn mui-btn-green mui-btn-block">确定</button>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--layer end-->

		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<script type="text/javascript">
			mui.init();
		</script>
		<script type="text/javascript">
			mui(document).on('tap', "#open-layer", function() {
				layer.open({
					type: 1,
					title: false,
					closeBtn: 0,
					skin: 'tm-page-layer',
					shade: 0.5,
					shadeClose: true,
					content: $('#layer')
				});
			})
			//关闭
			mui(document).on("tap", "#close-layer", function() {
				layer.closeAll();
			})
		</script>
	</body>

</html>